// Created by lifei on 2020/7/21--9:19.
<template>
    <div class="card-box">
        <div class="card-title">
            <span>资料信息</span>
        </div>
        <div class="margin-box">
            <v-tabs :tabs="tabs" :active.sync="activeTab" class="mb12"></v-tabs>
            <caseComp v-show="activeTab==='case'"></caseComp>
        </div>
    </div>
</template>

<script>
    import caseComp from './case-comp'

    export default {
        name: "base-info",
        components: {caseComp},
        data() {
            return {
                activeTab: 'case',
                tabs: [
                    {
                        label: '方案设计',
                        value: 'case',
                        amount: 2,
                    },
                    {
                        label: '施工图设计',
                        value: 'pic',
                        amount: 22,
                    },
                    {
                        label: '预售',
                        value: 'sale',
                        amount: 23,
                    },
                    {
                        label: '规划验收',
                        value: 'receive',
                        amount: 0
                    },
                    {
                        label: '首次登记',
                        value: 'first',
                        amount: 15
                    },
                    {
                        label: '产权办理',
                        value: 'rights',
                        amount: 68
                    },
                ],
                input: '',
                value: '',
                tableData: [],
                area: [],
                form: {},
            }
        },
        mounted() {
        },
        methods: {
            selectionChange(list) {

            }
        }
    }
</script>

<style scoped lang='scss'>
    

    @include formWrap();

</style>
